<template>
  <div   :class="[ 'container', top_dark == '1'    ? 'dark' : '=']">
    <router-view></router-view>
    <div class="index">
      <Header />
      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi eUKpaw hlnpWc ">
        <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-lfRxJW sc-gLwjMs eUKpaw hlnpWc jyzFRQ bLlYPs ys-create">
          <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi jdZRXb hlnpWc">
            <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iMfeDi hlnpWc">
              <button type="button" class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-cTJkRt jOsQKY kMthTr fOQaoY">
                <svg viewBox="0 0 14 12" fill="none" width="16" height="16" xlmns="http://www.w3.org/2000/svg"
                     class="sc-bdnxRM sc-hKFxyN hOiKLt sc-efHYUO cFSLxQ">
                  <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M6.29436 0.292893C6.68488 -0.0976311 7.31805 -0.0976311 7.70857 0.292893C8.0991 0.683417 8.0991 1.31658 7.70857 1.70711L4.41568 5H12.9985C13.5508 5 13.9985 5.44772 13.9985 6C13.9985 6.55228 13.5508 7 12.9985 7H4.41568L7.70857 10.2929C8.0991 10.6834 8.0991 11.3166 7.70857 11.7071C7.31805 12.0976 6.68488 12.0976 6.29436 11.7071L0.587252 6L6.29436 0.292893Z"
                        fill="currentColor"></path>
                </svg>
                <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc kvViGK">Go back</span></button>
              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iEZsSN hlnpWc"><span
                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-fnebDD kvViGK bYpWTM">Create collectible</span></div>
              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi iEZsSN hlnpWc"><span
                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc erNOLb">Choose “Single” if you want your collectible to be one of a kind or “Multiple” if you want to sell one collectible multiple times</span>
              </div>
              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi eVxsgC hlnpWc">
                <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-eEnULY fIPEUP hlnpWc gcevQO">  <router-link :to="{ path: 'create_one' }"
                                                                                             class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm kRuSvk bzLuzV gtWlEp sc-gSiFqf fsomym"
                                                                                             data-marker="root/appPage/create/chooseTokenType/create721Button">
                  <button id="create-single" type="button"
                          class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-hLyimJ sc-hDlsYP bWjUoa kMthTr bfTFYV ecurBO">
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi crxWpj hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-hgIrPW fIPEUP hlnpWc bDIhnP"><img
                              src="static/img/aeab66c41451d080f78d.png" loading="lazy"
                              class="sc-bdnxRM sc-jNnpgg sc-dPaNzc bfaWCV fqbJCS"></div>
                    </div>
                    <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc ftnDnF">Single</span>
                    <button class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-lgWdIC jOsQKY kMthTr jxQPJt sc-hRLfyG cngnWq"
                            type="button"><span class="sc-bdnxRM sc-hKFxyN sc-eCApnc bbbkjq"><span
                            class="sc-bdnxRM sc-hKFxyN sc-eCApnc sc-epOimh iAEatC bvFYXK">Timed auctions <span
                            aria-label="New feature" class="sc-bdnxRM sc-hKFxyN kRuSvk"><span class="emoji emoji-sizer"
                                                                                              style="background-image:url(https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64/1f525.png)"
                                                                                              data-codepoints="1f525"></span></span></span></span>
                    </button>
                  </button>
                </router-link> <router-link :to="{ path: 'create_more' }"
                       class="sc-bdnxRM sc-fKgJPI sc-bCwfaz sc-iwajpm kRuSvk bzLuzV gtWlEp sc-gSiFqf fsomym"
                       data-marker="root/appPage/create/chooseTokenType/create1155Button">
                  <button id="create-multiple" type="button"
                          class="sc-bdnxRM sc-gKAaRy sc-iCoGMd sc-hLyimJ sc-hDlsYP bWjUoa kMthTr bfTFYV ecurBO">
                    <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi crxWpj hlnpWc">
                      <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi sc-hgIrPW fIPEUP hlnpWc bDIhnP"><img
                              src="static/img/36bb69094bddb424314b.png" loading="lazy"
                              class="sc-bdnxRM sc-jNnpgg sc-dPaNzc bfaWCV fqbJCS"></div>
                    </div>
                    <span class="sc-bdnxRM sc-hKFxyN sc-eCApnc ftnDnF">Multiple</span></button>
                </router-link></div>
              </div>
              <div class="sc-bdnxRM sc-gtsrHT sc-dlnjwi eSUOWX hlnpWc"><span
                      class="sc-bdnxRM sc-hKFxyN sc-eCApnc erNOLb">We do not own your private keys and cannot access your funds without your confirmation</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <Copyright />
  </div>
</template>

<script>
  import Header from '../components/header.vue';
  import Copyright from '../components/bottom.vue';
  export default {
     data() {
            return {
                top_dark :  localStorage.getItem('top_dark'),
            };
       },
    created() {
    },
    methods: {
    createMain() {
      this.$router.push('/create');
    },
    userPreferences() {
      this.$router.push('/space');
    },
      feedback(){
        this.$router.push("/feedback")
      }
    },
    components:{Header,Copyright}
  };
</script>

<style lang="scss" scoped>
</style>
